<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人资料</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="format-detection" content="telephone=no"/>
    <link rel="stylesheet" type="text/css" href="../css/weui.min.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/data.css">
</head>
<body>
<div id="center">
    <div class="middle">
        <div class="middleinfo">
            <div class="title">我的头像</div>
            <!--<div class="arrow"><img src="../img/返回-浅25@2x.png" style="width: 8px;height: 14px"></div>-->
            <div class="middlefont"><img src="../img/头像.jpg" style="margin-right: 8px;border-radius: 100%;height: 47px;width: 47px"></div>
        </div>
        <div class="hint"></div>
        <div class="middleinfo code">
            <div class="title">二维码</div>
            <div class="arrow"><img src="../img/返回@2x.png" style="width: 8px;height: 14px"></div>
            <div class="middlefont"><img src="../img/二维码.jpg" style="height: 40px;width: 40px"></div>

        </div>
        <div class="hint"></div>

        <div class="middleinfos">
            <div class="titles">用户ID</div>
            <!--<div class="arrows"><img src="../img/返回@2x.png" style="width: 8px;height: 14px"></div>-->
            <div class="middlefonts" style="margin-right: 18px;">15699952236</div>
        </div>
        <div class="hint"></div>
        <a href="../html/username.html">
        <div class="middleinfos">
            <div class="titles">昵称</div>
            <div class="arrows"><img src="../img/返回@2x.png" style="width: 8px;height: 14px"></div>
            <div class="middlefonts">Malian</div>
        </div></a>
        <div class="hint"></div>
        <a href="../html/bindingphone.html">
        <div class="middleinfos">
            <div class="titles">手机号码</div>
            <!--<div class="arrows"><img src="../img/返回-浅25@2x.png" style="width: 8px;height: 14px"></div>-->
            <div class="middlefonts" style="margin-right: 18px">15699952236</div>
        </div></a>
        <div class="hint"></div>
        <div class="middleinfos">
            <div class="titles">淘宝账户</div>
            <div class="arrows"><img src="../img/返回@2x.png" style="width: 8px;height: 14px"></div>
            <div class="middlefonts">ahl36669</div>
        </div>
        <div class="hint"></div>
        <div class="middleinfos">
            <div class="titles">上级用户ID</div>
            <!--<div class="arrows"><img src="../img/返回-浅25@2x.png" style="width: 8px;height: 14px"></div>-->
            <div class="middlefonts" style="margin-right: 18px">13568796321</div>
        </div>
        <div class="hint"></div>
        <div class="middleinfos">
            <div class="titles">上级用户姓名</div>
            <!-- <div class="arrows"><img src="../img/返回-浅25@2x.png" style="width: 8px;height: 14px"></div> -->
            <div class="middlefonts" style="margin-right:18px;">李莫愁</div>
        </div>
        <!--<div class="hint"></div>-->
        <!--<div class="middleinfos">-->
            <!--<div class="titles">提现密码</div>-->
            <!--<div class="arrows"><img src="../img/返回@2x.png" style="width: 8px;height: 14px"></div>-->
        <!--</div>-->
        <div class="bg">
            <div class="bigimg">
                <div class="mytitle"><div class="imghead">二维码</div><div class="close"><img src="../img/关闭@2x.png" style="width: 30px;height: 30px;"></div></div>
                <div class="image"><img src="../img/二维码.jpg" style="width: 80%;height: 100%"></div>
            </div>
        </div>
    </div>
</div>
</div>
<script src="../js/jquery-3.1.0.min.js"></script>

<script>
    $(document).ready(function () {
        $(".code").click(function () {
            $(".bg").show();
            $(".bigimg").show().animate({bottom:"60px"},500);
        });

    });
    $(document).ready(function () {
        $(".close").click(function () {
            $(".bg").hide();
            $(".bigimg").hide().css({bottom:"-50px"});
        });

    });
</script>
<!-- 	// <script src="../jquery-3.1.0.min.js"></script>
	// <script src="../js/index.js"></script> -->

</body>
</html>